<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>document</title>
	<link rel="stylesheet" href="css/index.css">
</head>

<body>
	<div class="header_all">
		<div class="header_middle">
			<div class="logo"><img src="image/logo.png"></div>
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">课程</a></li>
				<li><a href="#">职业规划</a></li>
			</ul>
			<div class="sou"><input type="text" placeholder="输入关键字"><img src="image/btn.png"></div>
			<div class="name"><img src="image/name.jpg">&nbsp;&nbsp;hello,world</div>
		</div>
	</div>
	<div class="body_all">
		<div class="body_middle">
			<img src="image/body.jpg">
			<div class="tou_ming"></div>
			<ul class="body_middle_left">
				<li><a href="#">前端开发<span>></span></a></li>
				<li><a href="#">前端开发<span>></span></a></li>
				<li><a href="#">前端开发<span>></span></a></li>
				<li><a href="#">前端开发<span>></span></a></li>
				<li><a href="#">前端开发<span>></span></a></li>
				<li><a href="#">前端开发<span>></span></a></li>
				<li><a href="#">前端开发<span>></span></a></li>
				<li><a href="#">前端开发<span>></span></a></li>
				<li><a href="#">前端开发<span>></span></a></li>
				<li><a href="#">前端开发<span>></span></a></li>
			</ul>
			<div class="my_crouse">
				<div class="my_crouse_top">我的课程表</div>
				<ul class="my_crouse_middle">
					<li><div>继续学习程序语言设计</div><span>正在学习使用对象</span></li>
					<li><div>继续学习程序语言设计</div><span>正在学习使用对象</span></li>
					<li><div>继续学习程序语言设计</div><span>正在学习使用对象</span></li>
				</ul>
				<a href="#">全部课程</a>
			</div>
		</div>
	</div>
	<div class="jing_ping">
		<ul>
			<li>Jquery<span>|</span></li>
			<li>Jquery<span>|</span></li>
			<li>Jquery<span>|</span></li>
			<li>Jquery<span>|</span></li>
			<a href="#">修改兴趣</a>
		</ul>
	</div>
	<div class="jing_pinga">
		<div>精品推荐</div>
		<a href="#">查看全部</a>
	</div>
	<div class="chang_ping_all">
		<ul class="chang_ping">
			<li>
				<img src="image/pic.jpg">
				<span class="biao">Think PHP 5.0 博客系统实战项目演练</span>
				<span class="people"><span>高级</span>. 1125人在学习</span>
			</li>
			<li>
				<img src="image/pic.jpg">
				<span class="biao">Think PHP 5.0 博客系统实战项目演练</span>
				<span class="people"><span>高级</span>. 1125人在学习</span>
			</li>
			<li>
				<img src="image/pic.jpg">
				<span class="biao">Think PHP 5.0 博客系统实战项目演练</span>
				<span class="people"><span>高级</span>. 1125人在学习</span>
			</li>
			<li>
				<img src="image/pic.jpg">
				<span class="biao">Think PHP 5.0 博客系统实战项目演练</span>
				<span class="people"><span>高级</span>. 1125人在学习</span>
			</li>
			<li>
				<img src="image/pic.jpg">
				<span class="biao">Think PHP 5.0 博客系统实战项目演练</span>
				<span class="people"><span>高级</span>. 1125人在学习</span>
			</li>
			<li>
				<img src="image/pic.jpg">
				<span class="biao">Think PHP 5.0 博客系统实战项目演练</span>
				<span class="people"><span>高级</span>. 1125人在学习</span>
			</li>
			<li>
				<img src="image/pic.jpg">
				<span class="biao">Think PHP 5.0 博客系统实战项目演练</span>
				<span class="people"><span>高级</span>. 1125人在学习</span>
			</li>
			<li>
				<img src="image/pic.jpg">
				<span class="biao">Think PHP 5.0 博客系统实战项目演练</span>
				<span class="people"><span>高级</span>. 1125人在学习</span>
			</li>
			<li>
				<img src="image/pic.jpg">
				<span class="biao">Think PHP 5.0 博客系统实战项目演练</span>
				<span class="people"><span>高级</span>. 1125人在学习</span>
			</li>
			<li>
				<img src="image/pic.jpg">
				<span class="biao">Think PHP 5.0 博客系统实战项目演练</span>
				<span class="people"><span>高级</span>. 1125人在学习</span>
			</li>
		</ul>
	</div>
</body>

</html>